ul,ol{margin: 0;padding: 0;}
ul li,ol li{list-style: none;}a:hover{cursor: pointer;}
.table-hover tbody tr:hover > td, .table-hover tbody tr:hover > th{background-color:rgba(245,245,245,0);}
.table #pic_img_div{display: block;}
#myHome .agencyNumber>div,#myHome .agencyNumber>ul{display: flex;}
#myHome .warn,#myHome .agencyNumber,#myHome .data,#myHome .chart_div>div,#myHome .chart_reward>div,#myHome .table_div>div{background-color: #fff;margin-bottom: 30px;border-radius: 5px;box-shadow: 2px 3px 15px #cfd1d7;}
#myHome h2,#myHome h2>span,#myHome .data>div>p,#myHome .chart_reward>div>h2,#myHome .chart_reward>div>h2>span,#myHome .recommend p,.table_div .sale p,.table_div .reward_table p,.table_div .performance p{font-size: 16px;color: #333333;margin: 0;}
#myHome .warn{height: 50px;line-height: 50px;width: 286px;display: flex;align-items:center;}
#myHome .warn:before{
    content: '';
    display:inline-block;
    width: 25px;
    height: 25px;
    background: url(../Images/warn.png) no-repeat center center/cover;
    margin-left: 30px;margin-right: 10px;
}
#myHome .agencyNumber>h2{height: 56px;line-height: 56px;position: relative;padding-left: 40px;border-bottom: 2px solid #f5f5f5;}
#myHome .agencyNumber>h2:before,#myHome #productNum>div>h2:before,#myHome .line>h2:before,#myHome .circle>h2:before,#myHome .chart_reward>div>h2:before{
    content: '';
    display: inline-block;
    width: 2px;height: 20px;
    background-color: #3392f0;
    position:absolute;
}
#myHome .agencyNumber>h2:befosre{
    top: 18px;
    left:28px;
}
#myHome .agencyNumber>div{padding: 30px 30px 15px;}
#myHome .agencyNumber>ul{padding: 15px 30px 30px;}
#myHome .agencyNumber>div span,#myHome .agencyNumber>ul li{display: inline-block;width: 308px;}
#productNum{height: 56px;display: flex;align-items:center;margin-bottom:30px;border-bottom: 2px solid #f5f5f5;padding: 0 30px;}
#productNum h2{position: relative;}#productNum>div{width: 48%;}#productNum>div:last-child{padding-left: 30px;}
#myHome #productNum>div>h2:before,#myHome .line>h2:before,#myHome .circle>h2:before,#myHome .chart_reward>div>h2:before{

    top: 10px;
    left:-12px;
}
#myHome #productNum>div>h2:before{left: -10px;}
#myHome .data{padding-bottom:30px;}
#myHome .data>.div_table{border: 1px solid #999999;margin: 0 20px;}
#myHome .data>div>p{background-color: #f5f5f5;height: 54px;line-height: 54px;text-align: center;}
#myHome .data>div ul{border-top: 1px solid #999999;display: flex;}
#myHome .data>div ul li{width:24%;height: 72px;text-align: center;}
#myHome .data>div ul li>span{display: block;font-size: 14px;font-weight: 600;}
#myHome .data>div ul li:not(.last){border-right: 1px solid #999999;}
#myHome .data>div ul li>p{margin: 16px 0 6px;font-size: 14px;}
#myHome .chart_div,#myHome .chart_reward,#myHome .table_div,.flex_container{display: flex;justify-content:space-between;}
#myHome .chart_div>div{height: 506px;width: 48.9%;}
#myHome .line>h2,#myHome .circle>h2,#myHome .chart_reward>div>h2{margin-left: 40px;position: relative;margin-top: 10px;}
#myHome .line>ol{padding-left: 30px;display: flex;margin: 2px 0 8px;}
#myHome .line>ol li{width: 50%;}
#myHome .line>ol li>p{font-size: 14px;color: inherit;}
#myHome .line>ol li>span{font-size:24px;color: inherit;font-weight: 600;}
#myHome .line>ol li:first-child{color: #fe902e;}
#myHome .line>ol li:last-child{color:#3bbc7b;}
#myHome .chart_reward>div{width: 48.9%;height: auto;}
#myHome .chart_reward>div>h2>span{color:#eb4849;font-weight: 600;}
#myHome .chart_reward>div>h2{font-weight: 600;}
#myHome .earnings_div{display: flex;justify-content:space-around;align-items:center;/* margin-top: 30px; */}
#myHome .table_div>div{width: 48.9%;}
#myHome .table_div>div>div{margin: 20px 30px;}
.table_div .recommend p,.table_div .sale p,.table_div .reward_table p,.table_div .performance p{background-color: #f5f5f5;height: 54px;line-height: 54px;text-align: center;}
.table_div>div>div{border: 1px solid #999999;width: 90%;}
.table_div .title{border-top: 1px solid #999999;border-bottom: 1px solid #999999;}
.table_div li{border-bottom: 1px solid #999999;height: 50px;}
.table_cell>li,.table_div .title span{border-right: 1px solid #999999;height: 50px;line-height: 50px;display: inline-block;text-align: center;}
.table_div .title span:nth-child(1),.table_div .title span:nth-child(2),.table_div li>span:nth-child(1),.table_div li>span:nth-child(2),
.table_cell>li:nth-child(1),.table_cell>li:nth-child(2){width:29%;}
.table_div .title span:nth-child(3),.table_div .title span:nth-child(4),.table_div li>span:nth-child(3),.table_div li>span:nth-child(4),
.table_cell>li:nth-child(3),.table_cell>li:nth-child(4){width: 19%;}
.table_div .title span:nth-child(4),.table_div li>span:nth-child(4),.table_cell>li:nth-child(4){border:0;}
ul.table_cell>li{line-height: 1;}
.table_div li:last-child{border: 0;}.table_cell>li{align-items:center;flex-wrap:wrap;}ul.table_cell>li>span{width: 100%!important;}
@media (min-width: 1200px) {
#myHome.container{width: 1228px;margin-top: 30px;}
}
/* home end */
.table td{padding: 8px;vertical-align:middle;text-align:center;}
#agentorders.table td{text-align: left;}
.table th{text-align: center;}
.table td>div{display: flex;}
.table-width{width:98%;margin-left: 15px;}
.table td.noFlex>div{display: block;}
.table td>div[align="center"]{justify-content:center;}
input[type="text"]{border-radius: 0;width: 100%;margin: 0;}
/*  */
#performance-top{width: 96%;margin:auto;}
#reward-layout>p{margin:0 16px 0 0;}
#reward-layout{display: flex;margin-left: 45px;margin-bottom: 4px;}
#performance-top h5,#performance-top h6{position: relative;padding-left: 18px;margin-top: 24px;}
#performance-top h5:before,#performance-top h6:before{content: '';width: 15px;height: 15px;display: block;background: url(../Images/glyphicons-halflings.png) no-repeat top left;background-position-x:-215px;
position: absolute;top:2px;left: 0;}
#performance-top h6{font-size: 14px;}
#performance-top h6:before{background-position-x:-73px;background-position-y:-47px;}
#performance-top h7{font-size: 12px; color: crimson;}
#myScroll.flowed{position: fixed;top: -10px;}

.reward_clear{margin-left: 4px;}
#Per-definewidth{width: 40%;margin: 0 0 0 30px;}
#level-width{width: 50%;margin: 0 0 0 30px;}
#level-width td>div{justify-content:center;}
.w-70{width: 70px;text-align: right;display: inline-block;}
input.width-auto,.reward_clear input,#agentorders input[type="text"]{width: auto;}
#agentorders>ul>li>span,#agentorders>div>div>span{display: inline-block;width: 98px;text-align: right;}
#agentorders>ul,#agentorders>ul>li,#agentorders>div,#orderList-layout ul,#orderList-layout ol,#orderList-layout ul.detail-div>li,.flex_container,ul.grouping_name,#orderList-layout ul.detail-div>li>section,.table_cell>li,.table_cell,.table_div .title{display: flex;}

#agentorders>ul:nth-child(2){margin: 6px 0;}
#agentorders select{width: 180px;}
#agentorders>ul{justify-content:space-between;}
#agentorders>div>div{margin-right: 72px;}
.button-center{text-align: center;}
.button-right{text-align: right};
/* 订单管理 */
#orderList-layout>ul:first-child li{border:0;}
#orderList-layout ul>li{border-right: 1px solid #999999;padding: 6px 0;font-weight: 600;text-align: center;}
#orderList-layout ul>li:nth-child(1){width: 30%;display: block;}
#orderList-layout ul>li:nth-child(2){width: 20%;}
#orderList-layout ul>li:nth-child(3){width: 20%;}
#orderList-layout ul>li:nth-child(4){width: 30%;}
#orderList-layout ul>li:nth-child(5){width: 10%;border: 0;justify-content:center;}
#orderList-layout ol{align-items:center;border-top: 1px solid #999999;border-bottom: 1px solid #999999;height: 40px;background-color: #eaeaea;}
#orderList-layout ol>li{text-align: center;}
#orderList-layout ol>li:last-child button{margin: 0 4px;}
#orderList-layout ol>li:nth-child(1){width: 2%;}
#orderList-layout ol>li:nth-child(2){width: 25%;}
#orderList-layout ol>li:nth-child(3){width: 18%;}
#orderList-layout ol>li:nth-child(4){width: 22%;text-align: center;}
#orderList-layout ol>li:nth-child(5){width: 34%;text-align: right;}
#orderList-layout ul.detail-div>li,ul.grouping_name,#orderList-layout ul.detail-div>li>section{font-weight: normal;flex-wrap:wrap;align-items:center;}
#orderList-layout ul.detail-div>li:nth-child(1) img{height: 50px;}
#orderList-layout ul.detail-div>li:nth-child(1)>section>div{text-align: left;margin-left: 4px;}
#orderList-layout ul.detail-div>li>section{border-bottom:1px solid #ccc;padding: 0px 0 2px 2px; }
#orderList-layout ul.detail-div>li:nth-child(3) span{display: block;}
#orderList-layout ul.detail-div>li:nth-child(5) button{margin: 4px;}
#orderList-layout ul.detail-div>li span,#orderList-layout ul.detail-div>li p{width: 100%;}
#orderList-layout{margin: 0 24px;border: 1px solid #999999;}
/* end */
#agent-level .on{text-indent:-24px;}
/* button*/
#toggle-button,input[id^="toggle"],#logistics-button{
                display: none;
            }

            .button-label {
                position: relative;
                display: inline-block;
                width: 50px;
                height: 20px;
                background-color: #ccc;
                /*box-shadow: #ccc 0px 0px 0px 2px;*/
                border-radius: 30px;
                overflow: hidden;
            }

            .button-circle {
                position: absolute;
                top: 2px;
                left: 2px;
                width: 16px;
                height: 16px;
                border-radius: 50%;
                background-color: #fff;
            }

            .button-label .text {
                line-height: 20px;
                font-size: 12px;
                text-shadow: 0 0 2px #ddd;
            }

            .on {
                color: #fff;
                display: none;
                text-indent: 10px;
            }

            .off {
                color: #fff;
                display: inline-block;
                text-indent: 30px;
            }

            .button-label .button-circle {
                left: 2px;
                transition: all 0.3s;
            }

            #toggle-button:checked+ label.button-label .button-circle,input[id^="toggle"]:checked+ label.button-label .button-circle,.logistics-current .button-circle{
                left: 32px;
            }

            #toggle-button:checked+ label.button-label .on,input[id^="toggle"]:checked+ label.button-label .on,.logistics-current .on{
                display: inline-block;
            }

            #toggle-button:checked+ label.button-label .off ,input[id^="toggle"]:checked+ label.button-label .off,.logistics-current .off{
                display: none;
            }

            #toggle-button:checked+ label.button-label,input[id^="toggle"]:checked+ label.button-label,.logistics-current{
                background-color:#0044cc;
            }
/*button end*/
.table td>div[align="center"]{justify-content:center;}

/*common title icon*/
.glyphicons_title_icon{ background: url(../Images/glyphicons-halflings.png) no-repeat top left;background-position-x:-215px;height: 15px;width: 15px;display:inline-block;*display:inline;*zoom:1; }

.search_input,#agentorders .search_input{width:auto;}
.search_table{ align-content: center;}
.search_table .td_c{text-align: center;}
.search_table .td_l{text-align: left;}
.search_table .td_r{text-align: right;}
.search_table .td_pl{padding-left: 10px;}
.search_table .btn{width:100px;padding: 0px;}

.display-none{display: none;}

.display-block{display: block;}

.dispaly-table-row{display: table-row;}


#myHome .agencyNumber h2:before{top:18px;left: 34px;}
/* 订单状态 */
#progress {
                width:100%;
                height:67px;
                position: relative;
                margin:20px auto;
            }

            #progress ol {
                width: 80%;
                height: 6px;
                background-color: #CCCCCC;
                margin: auto;
                position: absolute;
                left: 0;
                right: 0;
                top: 16px;
                z-index: -1;
            }

            #progress ul {
                display: flex;
                justify-content: space-between;width: 100%;
            }

            #progress ul>li {
                text-align: center;
                width: 20%;
            }

            #progress ul>li:nth-child(2) {
                left: 50%;
            }

            #progress ul>li:nth-child(3) {
                left: 100%;
            }

            #progress ul>li span {
                display: block;font-size: 12px;line-height:1.2;
            }
            #progress ul>li span:nth-child(2){margin:2px;}
            #progress .circle {
                width: 33px;
                height: 33px;
                line-height: 33px;
                color: #FFFFFF;
                background-color: #CCCCCC;
                border-radius: 100%;
                text-align: center;
                /*border: 3px solid #FFFFFF;*/
                margin: 0 auto;
                cursor: pointer;
            }

            #progress .current {
                background-color: #1ea4ec;
            }

           #progress ol.delivery_time>li{
               width: 50%;
               height: 6px;
               background: #1ea4ec;
               position: absolute;
           }

            #progress ol>li.commplete_time{
                left: 50%;
            }
/*产品分组*/
#orderList-layout ul.detail-div>li>section:last-child{border-bottom: 0;}
ul.grouping_name li{width: 14%;}ul.grouping_name{width: 100%;}
/*运费模板 start*/
#logistics-search,.logistics-operate{display: flex;justify-content:space-around;align-items:center;}
#logistics-search{justify-content: flex-start;}
#logistics-search>form{text-align: right;}
#logistics-table .button-label .off{text-indent: 18px;}
#logistics-table .button-label .on{text-indent: -18px;}
#logistics-table .toggle-button-wrapper>label{margin: 0;}
#logistics-table .button-label {height: 18px;}
#logistics-table .button-circle{width: 14px;height: 14px;}
#logistics-tab a{color: #333333;padding: 0 15px 0;cursor: pointer;line-height: 37px;display: inline-block;}
#logistics-tab{display: flex;background-color: #f4f4f4;border-bottom: solid 1px #d8d8d8;height: 38px;margin-bottom: 10px;}
.logistics-tab-bottom{background-color: #fff;border-bottom: solid 2px #0044cc;}
a:hover{text-decoration: none;}.logistics-editor input{margin: 0;}
.logistics-editor>p{height: 30px;margin-bottom: 0;margin-top:20px;line-height: 30px;border-left: solid 1px #ccc;border-top: solid 1px #ccc;border-right: solid 1px #ccc;padding: 0 10px;}
.logistics-editor>i{font-style: normal;font-size: 12px;}
.logistics-editor>p>input{margin-left: 4px;}
.logistics-editor>ol{border: solid 1px #ccc;display: flex;justify-content: flex-start;padding: 16px;}
.logistics-editor>ol>li{width: 130px;font-size: 12px;}
.logistics-editor>div{margin-top: 30px;justify-content:center;}
#cost-news{text-align: right;}
#cost-table th{width: 15%;}
#cost-table th:first-child{width: 5%;}
#cost-table th:last-child{width: 20%;}
#cost-table.table td{padding:2px 8px;font-size: 13px;}
#cost-table a{margin-right: 8px;}
#cost-regular input{width: auto;margin-top: 0;}
#cost-regular .rows,#cost-regular .input-radio{display: flex;align-items:center;}
#cost-regular .rows{margin: 8px 0;}
#cost-regular .rows>label{width: 14%;}
#cost-regular .rows>div{width: 80%;}
#cost-regular .input-radio>label{margin-right: 8px;}
.area-boxContent{border:1px solid #d2d2d2;background-color: #f8f8f8;width: 999px;}
.area-boxContent>.header{height: 60px;border-bottom: 1px solid #D2D2D2;display: flex;align-items:center;justify-content:space-between;padding: 0 40px 0 10px;}
.area-boxContent>.footer,.area-boxContent .left>.all-select,#province>li,#province .provinceBox,#cost-regular .town-div>li{display: flex;}
.area-boxContent>.footer div{cursor: pointer;}
.area-boxContent>.footer label{margin-bottom: 0;display: inline-block;font-size: 12px;}
.area-boxContent>.footer span{font-size: 12px;}
.area-boxContent .left{border-right: 1px solid #d2d2d2;width: 200px;}
.area-boxContent .left>.all-select,#province>li{border-bottom: 1px solid #d2d2d2;align-items:center;justify-content:center;height: 42px;}
#province>li:last-child{border-bottom: 0;}
#province .provinceBox{align-items:center;margin-left: 14px;width: 80%;}
#province>li>i{width: 20%;}
#province>li{justify-content:flex-start;}
#cost-regular .footer input[type="checkbox"]+label::before{content:'';display:inline-block;width: 12px;height: 12px;border: 1px solid #a19f9f;border-radius: 50%;vertical-align: middle;
margin-right: 14px;background-color: #ddd;}
#cost-regular .footer input[type="checkbox"]:checked + label::before {
    content: '';
    background-color: #006dcc;
    border: 1px solid #006dcc;
    background-clip: content-box;
    width: 8px;
    height: 8px;
    padding:2px;
}
#cost-regular .footer input[type="checkbox"]:checked ~ span{color:#006dcc; }
#province>li.current,#province>li:hover,#cost-regular .footer input[type="checkbox"]:checked + label{color: #006dcc;}
.cityBox label{width: 14px;height: 14px;}
#cost-regular input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}
.footer .cityBox{height: 42px;border-bottom: 1px solid #d2d2d2;width:799px;}
#cost-regular .swiper-container{
        width: 100%;height: 100%;
    }
#cost-regular .swiper-slide {
      text-align: center;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: flex-start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;    padding: 0 40px;
    }
.footer .cityBox .provinceBox{margin-right: 24px;}
#cost-regular .cityBox .provinceBox input[type="checkbox"]+label::before,#cost-regular .town-div input[type="checkbox"]+label::before{margin-right: 10px;}
#cost-regular .town-div{padding: 0 30px;width:739px;}
#cost-regular .town-div .provinceBox{margin: 10px 0 0 30px;}
#cost-regular .town-div>li{flex-wrap:wrap;}
.footer .swiper-button-next,.footer .swiper-button-prev {
        -moz-background-size: 14px 44px;
        -webkit-background-size: 14px 44px;
        background-size: 14px 44px;
}
@media (max-width: 1440px) {
    .definewidth{width: 98%;}
    .table-condensed th{padding: 4px;}
    .table-condensed td{padding: 2px;}
    .padding-normal td,.padding-normal th{padding: 4px 5px;}
    #myHome.container{width:95%;margin-top: 30px;}
}
  @media (max-width: 1366px){
            body{font-size: 13px;}
 }
 @media (max-width: 1024px){
    body{font-size: 12px;}
   .definewidth{width: 99.5%;}
   .table th{padding:0px;}
   .table td{padding:2px;}.search_table .td_r{width:9%;}
    #myHome.container{width:99%;}
    ul.grouping_name li{width: 12%;}
}
#performance-top .productName{display: flex!important;}#performance-top .productName>span{width: 150px;}#performance-top .productName>input{width: 600px;}
#orderList-layout ul.detail-div>li .proFlag{font-size: .5rem;background:#ff0000;color: #fff;margin-right: 1px;width: 42px;height: 14px;line-height: 14px;text-align: center;display: inline-block;}
.warning_red .warn{background-color:#ff0000;display: inline-block;padding: 2px 4px;font-size: 11.844px;font-weight: bold;line-height: 14px;color: #ffffff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);white-space: nowrap;vertical-align: baseline;border-radius: 3px;}
td.good_layout{padding: 0;}.table-bordered td.good_layout>table td{width: 100px;border-left: 0;border-right: 1px solid #dddddd;}
